<template>
  <div class="container">
    <h3>{{ label }}</h3>
    <h4>{{ info }}</h4>
    <h4>{{ message }}</h4>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
const props = defineProps({
  message: String,
  info: String,
});
const label = ref("props sub comp");
console.log("props.message: ", props.message);
console.log("props.info: ", props.info);
</script>

<style scoped>
.container {
  background-color: pink;
  height: 40vh;
}
</style>
